<template>
  <div class="home">
    <van-button type="primary" @click="showPopup">主要按钮</van-button>
    <van-popup v-model="showOne" position="right" :style="{ height: '100%', width: '100%' }"></van-popup>
  </div>
</template>

<script lang="ts">
import { Component } from "vue-property-decorator";
import { Button } from "vant";
import Base from "@/utils/base";
import { Popup } from "vant";

@Component({
  name: "Test",
  components: {
    VanButton: Button,
    VanPopup: Popup
  }
})
export default class Test extends Base {
  private showOne = false;
  onSearch() {
    console.log(234);
  }

  showPopup() {
    this.showOne = true;
  }
}
</script>

<style lang="less" scoped>
.home {
  font-size: 14px;
}
</style>
